<template>
  <div class="">
    <ul>
      <li v-for="(item, index) in menu" :key="index">
        <router-link :to="{ name: item.router }">{{item.name}}</router-link>
      </li>
    </ul>
  </div>
</template>
<script lang="ts">
import { Vue, Component } from 'vue-property-decorator'

const Menu = [
  { id: 1, router: 'UserList', name: '用户列表' },
  { id: 2, router: 'UserTest', name: '测试' },
  { id: 3, router: 'UserTest2', name: '测试2' },
]

@Component
export default class Main extends Vue {
  menu = Menu
}
</script>
<style lang="scss" scoped>
</style>
